﻿<!DOCTYPE html>

<html lang="en">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<meta name="description" content="" />
		<meta name="author" content="" />
		<!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
		<title>Support Admin</title>
		<!-- BOOTSTRAP CORE STYLE CSS -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<!-- FONT AWESOME CSS -->
		<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
		<!-- CUSTOM STYLE CSS -->
		<link href="assets/css/style.css" rel="stylesheet" />
		<!-- Google	Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
	</head>
	<body>
		<div id="head">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4">
						<a href="innerIndex.html"><img src="assets/img/LOGE.png" /></a>
					</div>
					<a href="personal.html"><img src="assets/img/头像1.jpg" id="personal"></a>
				</div>
			</div>
		</div>
		<section id="main">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-9 col-sm-9">
						<h3> 
                       	<form class="form-search">
						ID   <input type="text" class="search">
							  <button type="submit" class="btn">Search</button>
							</form>
						<div class="dropdown ">
                        Group <span style="cursor: pointer;" id="group" class="label label-info"  data-toggle="dropdown" data-target="#">所有组</span> 
                            <ul class="dropdown-menu group">
								<li ><a dataValue="tab" href="#">ACM组</a></li>
								<li ><a data-toggle="tab" href="#">前端组</a></li>
								<li ><a data-toggle="tab" href="#">移动开发组</a></li>
								<li ><a data-toggle="tab" href="#">项目组</a></li>
								<li ><a data-toggle="tab" href="#">游戏组</a></li>
								<li ><a data-toggle="tab" href="#">嵌入式组</a></li>
								<li ><a data-toggle="tab" href="#">网络安全组</a></li>
								<li ><a data-toggle="tab" href="#">机器人组</a></li>
							</ul>
                   		 </div>
                   		<div class="dropdown">
                       	Subject <span style="cursor: pointer;" id="subject" class="label label-warning" data-toggle="dropdown" data-target="#">所有方向</span>
                       	    <ul  class="dropdown-menu  subject">
								<li ><a data-toggle="tab" href="#" onclick="">人工智能</a></li>
								<li ><a data-toggle="tab" href="#">移动开发</a></li>
								<li ><a data-toggle="tab" href="#">物联网</a></li>
								<li ><a data-toggle="tab" href="#">构架</a></li>
								<li ><a data-toggle="tab" href="#">云计算/大数据</a></li>
								<li ><a data-toggle="tab" href="#">游戏开发</a></li>
								<li ><a data-toggle="tab" href="#">运维</a></li>
								<li ><a data-toggle="tab" href="#">前端</a></li>
								<li ><a data-toggle="tab" href="#">安全</a></li>	
								<li ><a data-toggle="tab" href="#">编程语言</a></li>	
							</ul>
                       </div>
                  	</h3>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3><a href="blog1.html">关于线程同步的几个知识点</a></h3>
								<strong class="label label-success">1</strong>
								<strong class="label label-info">By Pasca</strong>
								<strong class="label label-warning">前端组</strong>
								<strong class="label label-default">运维</strong>
								<span class="label label-danger pull-right">Dated: 2017/10/10</span> </div>
							<div class="panel-body">
								线程安全是多线程中一个很重要的知识点，渣渣我结合体会写一些，以便加深印象。 ⑴问题原因： 当多线程对共享属性进行操作时，一个线程对多条语句只执行了一部分，还没执行完，另一个线程就参与进来进行执行，导致共享属性错误......
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3><a href="blog2.html">单例类懒汉式线程安全问题</a></h3>
								<strong class="label label-success">2</strong>
								<strong class="label label-info">By Pasca</strong>
								<strong class="label label-warning">前端组</strong>
								<strong class="label label-default">运维</strong>
								<span class="label label-danger pull-right">Dated: 2017/10/13</span> </div>
							<div class="panel-body">
								鄙渣渣最近在看多线程，在看线程安全问题的时候，不论是学习视频中强调，还是网上搜的单例类、同步、线程安全的面试题中，都有单例类懒汉式线程安全问题。然后又搜了搜，发现有大牛博客上面写了怎么处理懒汉式线程安全问题，却没有说明理由，所以渣渣我结合自己体会写一下。 先小小的介绍一下，单例类是什么......
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3><a href="blog3.html">JAVA继承特点的小总结</a></h3>
								<strong class="label label-success">3</strong>
								<strong class="label label-info">By Pasca</strong>
								<strong class="label label-warning">前端组</strong>
								<strong class="label label-default">编程语言</strong>
								<span class="label label-danger pull-right">Dated: 2017/10/18</span> </div>
							<div class="panel-body">
								继承 父子类： 子类是对父类的扩展。例如父类是水果，而子类是苹果；子类就是在父类的基础上进行更具体的扩展。 PS。但子类不能继承父类的构造器......
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3><a href="blog4.html">什么是页面渲染&&影响渲染速度的两个因素</a></h3>
								<strong class="label label-success">4</strong>
								<strong class="label label-info">By Pasca</strong>
								<strong class="label label-warning">前端组</strong>
								<strong class="label label-default">前端</strong>

								<span class="label label-danger pull-right">Dated: 2017/10/22</span> </div>
							<div class="panel-body">
								最近看到的不熟悉的词挺多的，只能一个个找资料一个个字看，然后自己根据自己的理解进行一定的总结，若有不对之处，还请路过的大佬不吝指正。 一.什么是渲染 页面渲染引擎的基本操作，简单而言是从一个网页的Url开始，根据Url所对应的网页各项资源，输出可视化的结果的过程；......
							</div>
						</div>
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3><a href="blog5.html">if与switch的小区别</a></h3>
								<strong class="label label-success">5</strong>
								<strong class="label label-info">By Pasca</strong>
								<strong class="label label-warning">前端组</strong>
								<strong class="label label-default">编程语言</strong>

								<span class="label label-danger pull-right">Dated: 2017/10/27</span> </div>
							<div class="panel-body">
								什么时候用switch: 当范围较小且为数据char,int,byte,short这四种类型时，用switch语句更好 因为switch语句的系统编译效率相对if来说效率稍高。
							</div>
						</div>
						<a class="form-group col-lg-12 col-md-12 col-sm-12" href="blogPosted.html">
							<button type="submit" class="btn btn-primary">书写博文</button>
						</a>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<div class="list-group">
							<a href="innerIndex.html" class="list-group-item">内部网站首页
							</a>
							<a href="publicBlog.html" class="list-group-item active">公共博客</a>
							<a href="resource.html" class="list-group-item">资源夹</a>
							<a href="question.html" class="list-group-item">技术问答</a>
							<a href="index.html" class="list-group-item">实验室介绍页</a>
						</div>
						<div class="alert alert-danger text-center">
							<h3>Import Information</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel justo iaculis blandit.
						</div>
					</div>
				</div>
			</div>
		</section>
		<div id="footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h3>Organisation</h3>
						<p>
							湖南工业大学创新创业中心（实验室）
							<br /> &copy; 2017 开发&维护| 实验室前端组
						</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h3>Get Quick Help</h3>
						<h4><span>QQ: </span>243462062（方）/947340410（黎）</h4>
						<h4><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>2757244276（张）/1456073180（刘）</h4>
					</div>
				</div>
			</div>
		</div>
		<!--  Jquery Core Script -->
		<script src="assets/js/jquery-1.10.2.js"></script>
		<!--  Core Bootstrap Script -->
		<script type="text/javascript" src="assets/js/bootstrap-dropdown.js"></script>
		<script src="assets/js/bootstrap.js"></script>
		<script>
			$(".group li").click(function() {
				var val = $(this).text();
				document.getElementById("group").innerHTML = val;
			});
			$(".subject li").click(function() {
				var val = $(this).text();
				document.getElementById("subject").innerHTML = val;
			});
		</script>
	</body>
</html>